import { defineConfig, presetAttributify, presetUno } from 'unocss'
import presetIcons from '@unocss/preset-icons'
import presetRemToPx from '@unocss/preset-rem-to-px'
import unoCssRules from './src/style/unocssrules'

export default defineConfig({
  theme: {
    colors: {},
    breakpoints: {
      xs: '640px',
      sm: '768px',
      md: '992px',
      lg: '1200px',
      xl: '1920px'
    }
  },
  safelist: ['flex-row-reverse', 'flex-col-reverse', 'flex-wrap-reverse'],
  presets: [presetAttributify(), presetUno(), presetIcons(), presetRemToPx({ baseFontSize: 4 })],
  rules: unoCssRules
})
